﻿/* eyoucms.com 易优CMS -- 好用,免费,安全 */
html {
    background: #fff;
    font-size: 14px;
    color: #7d8287;
    font-family: "Arial", "微软雅黑", "Helvetica", "sans-serif";
}


.g_cw {
    width: 1220px;
    padding: 0 10px;
    margin: 0 auto;
}

.g_cw::before,
.g_cw::after {
    content: '';
    display: block;
    clear: both;
}

@media (max-width: 1260px) {
    .g_cw {
        width: 100%;
    }
}

.g_mt {
    margin-top: 60px;
}

.g_mt::before,
.g_mt::after {
    content: '';
    display: block;
    clear: both;
}

.g_mb {
    margin-bottom: 60px;
}

.g_mb::before,
.g_mb::after {
    content: '';
    display: block;
    clear: both;
}


.g_mt_a {
    margin-top: 40px;
}

.g_mt_a::before,
.g_mt_a::after {
    content: '';
    display: block;
    clear: both;
}

.g_mb_a {
    margin-bottom: 40px;
}

.g_mb_a::before,
.g_mb_a::after {
    content: '';
    display: block;
    clear: both;
}


.g_title {
    text-align: center;
}

.g_title .p1 {
    margin-bottom: 10px;
    font-size: 30px;
    color: #2f2f32;
}

.g_title .p2 {
    font-size: 16px;
    color: #2f2f32;
}

.title:after {
    display: inline-block;
    position: relative;
    top: -5px;
    left: 10px;
    content: "";
    width: 25px;
    height: 0px;
    border: 0.5px solid #d2d2d2;
}

.title:before {
    display: inline-block;
    position: relative;
    top: -5px;
    right: 10px;
    content: "";
    width: 25px;
    height: 0px;
    border: 0.5px solid #d2d2d2;
}


.g_title_a {
}

.g_title_a .p1 {
    font-size: 18px;
    color: #4e4e4e;
    display: inline-block;
}

.g_title_a .p2 {
    font-size: 12px;
    color: #989898;
    display: inline-block;
}

.title_a:after {
}

.title_a:before {
    margin-left: 8px;
    display: inline-block;
    position: relative;
    top: 2px;
    left: -8px;
    content: "";
    width: 5px;
    height: 18px;
    background: #08c1b2;
    border: none;
}

.top_nav {
}

.top_nav .left {
    float: left;
}

.top_nav .right {
    padding: 5px 0;
    float: right;
}

.top_nav .right p {
    font-size: 12px;
    color: #838383;
}

.top_nav .right span {
}

.top_nav .right a:hover {
    color: #08c1b2;
}

.top_nav .right .on {
    color: #08c1b2;
}

@media (max-width: 470px) {
    .top_nav .right {
        margin-top: 10px;
        float: left;
        clear: both;
    }
}

.fg {
    padding-top: 20px;
    border-bottom: solid #e4e4e4 1px;
    clear: both;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "\0020";
    visibility: hidden;
    height: 0;
}

.list {
}

.list li {
    float: left;
    box-sizing: border-box;
    display: inline-block;
}

.list1 {
}

.list1 li {
    box-sizing: border-box;
    display: inline-block;
}

.pages {
    float: right;
    clear: both;
    margin-top: 50px;
}

.pages ul li {
    display: inline-block;
}

.pages ul li a {
    padding: 10px 15px;
    border: solid #dedede 1px;
}

.pages ul li a:hover {
    background: #08c1b2;
    color: #fff;
    border-color: #08c1b2;
}

.pages ul li .on {
    background: #08c1b2;
    color: #fff;
    border-color: #08c1b2;
}


@media (max-width: 800px) {
    .page {
        float: none;
        text-align: center;
    }
}

@media (max-width: 400px) {
    .page span {
        padding-top: 30px;
        display: inline-block;
    }
}

.frame {
    background: no-repeat center center;
    background-size: cover;
    height: 650px;
}


/*g_header*/
.g_header {
    position: relative;
    z-index: 1;
}

.g_header .bar {
    display: none;
}

.g_header .main {
    background: #fff;
    height: 100px;
}


.g_header .main .logo {
    line-height: 100px;
    padding-left: 50px;
    float: left;
}

.g_header .main .logo img {
    vertical-align: middle;
}

.g_header .main .nav {
    padding-top: 38px;
    padding-right: 50px;
    text-align: center;
    float: right;
}

.g_header .main .nav > li {
    padding-left: 60px;
    float: left;
}

.g_header .main .nav > li > a {
    display: block;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    border: none transparent 3px;
}

.g_header .main .nav > li:last-child > a {
}

.g_header .main .nav > li > a > b {
    font-size: 14px;
    color: #4d4d4f;
    font-weight: normal;
    line-height: 1;
    transition: ease .3s;
    display: inline-block;
}

.g_header .main .nav > li > a > em {
    margin-top: 5px;
    font-size: 10px;
    color: #bebec2;
    display: block;
    transform: scale(.8);
    transition: ease .3s;
}

.g_header .main .nav > li > a.active {
}

.g_header .main .nav > li > a.active > b {
    color: #08c1b2;
}

.g_header .main .nav > li > a.active > em {
    color: #08c1b2;
}

.g_header .main .nav > li > a:hover > b {
    color: #08c1b2;
}

.g_header .main .nav > li > a:hover > em {
    color: #08c1b2;
}

@media (max-width: 1170px) {
    .g_header .main .nav > li {
        padding-left: 50px;
    }
}

@media (max-width: 1100px) {
    .g_header .main .nav > li {
        padding-left: 45px;
    }
}

@media (max-width: 1060px) {
    .g_header .main .nav > li {
        padding-left: 37px;
    }
}


@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }

    .g_cw {
        width: 100%;
    }

    .g_header {
        background: transparent;
    }

    .g_header .top {
        display: none;
        height: auto;
    }

    .g_header .bar {
        position: relative;
        display: block;
        position: fixed;
        z-index: 100;
        left: 0;
        top: 0;
        right: 0;
        height: 60px;
        background: #08c1b2;
        color: #7fb800;
    }

    .g_header .bar .menu {
        position: absolute;
        right: 0;
        top: 0;
        display: inline-block;
        padding: 0 10px;
        line-height: 60px;
    }

    .g_header .bar .menu img {
        vertical-align: middle;
        height: 30px;
    }

    .g_header .bar .logo {
        font-size: 0;
        line-height: 60px;
    }

    .g_header .bar .logo img {
        padding: 0 10px;
        max-height: 40px;
        vertical-align: middle;
    }

    .g_header .main {
        height: auto;
        background: none;
    }

    .g_header .main .logo {
        display: none;
    }

    .g_header .main .right .top_dh {
        display: none;
    }

    .g_header .main .right {
        padding: 0;
    }

    .g_header .main .nav {
        float: none;
        height: auto;
        padding: 30px 0;
        margin-top: 0;
        line-height: 1;
        visibility: hidden;
        opacity: 0;
        position: fixed;
        z-index: 99;
        left: 0;
        top: -100%;
        bottom: 100%;
        right: 0;
        background: #fff;
        border-top: 0;
        transition: ease .4s;
    }

    .g_header .main .nav > li {
        padding-left: 0;
        float: none;
        text-align: left;
        width: auto;
    }

    .g_header .main .nav > li .nv_xl {
        display: none;
    }

    .g_header .main .nav > li > a:hover .nv_xl_a {
        display: none;
    }

    .g_header .main .nav > li > a {
        margin-bottom: 15px;
        margin-left: 0;
        width: auto;
        padding: 5px 30px;
        border: none;
    }

    .g_header .main .nav > li > a > b {
        margin-bottom: 0;
        font-size: 16px;
    }

    .g_header .main .nav.show {
        visibility: visible;
        opacity: 1;
        top: 60px;
        bottom: 0;
    }

    .g_header .main .nav_bj {
        height: auto;
    }

    .g_header .main .bo {
        padding-top: 0;
        height: auto;
        background: none;
    }

    .g_header .main .nav > li p {
        color: #000;
    }

    .g_header .main .nav > li .na_a em {
        color: #000;
    }

    .g_header .main .nav > li > a {
        border-left: solid transparent 3px;
    }

    .g_header .main .nav > li > a > em {
        margin-top: 10px;
        transform: scale(1);
    }
}


.banner-pc {
    margin-top: -100px;
    width: 100%;
}

.bom_nav .left {
    margin-left: -10px;
}

.bom_nav {
    padding: 15px 0;
    background: rgba(0, 0, 0, 0.5);
    display: inline-block;
    width: 100%;
}

.bom_nav .list li {
    padding-left: 10px;
}

.bom_nav .list .li1 {
    width: 18%;
}

.bom_nav .list .li2 {
    width: 18%;
}

.bom_nav .list .li3 {
    width: 18%;
}

.bom_nav .list .li4 {
    width: 36%;
}

.bom_nav .list .li5 {
    width: 10%;
}

.bom_nav .list li select {
    padding-left: 20px;
    width: 100%;
    background: #fff;
    border: none;
    height: 50px;
    color: #5a5a5e;
}

.bom_nav .list li input {
    padding-left: 20px;
    width: 100%;
    background: #fff;
    border: none;
    height: 50px;
}

.bom_nav .list li .btn {
    padding: 0;
    background: #ff7f00;
    color: #fff;
}


.banner-mb {
    width: 100%;
    display: none;
}


@media (max-width: 1024px) {
    .banner-pc {
        display: none;
    }

    .banner-mb {
        display: block;
    }

    .banner-mb .frame {
        height: 100%;
    }

    .bom_nav .list .li1 {
        width: 18%;
    }

    .bom_nav .list .li2 {
        width: 18%;
    }

    .bom_nav .list .li3 {
        width: 18%;
    }

    .bom_nav .list .li4 {
        width: 36%;
    }

    .bom_nav .list .li5 {
        width: 10%;
    }
}


@media (max-width: 830px) {
    .bom_nav {
    }

    .bom_nav .list .li1 {
        width: 100%;
    }

    .bom_nav .list .li2 {
        width: 100%;
    }

    .bom_nav .list .li3 {
        width: 100%;
    }

    .bom_nav .list .li4 {
        width: 100%;
    }

    .bom_nav .list .li5 {
        width: 100%;
    }
}


.banner-pc-n {
    margin-top: -100px;
    width: 100%;
}

.banner-pc-n .frame {
    height: 576px;
}

.bom_a_nav {
    padding: 30px 0;
    background: rgba(0, 0, 0, 0.5);
    display: inline-block;
    width: 100%;
    text-align: center;
}

.bom_a_nav .nav_a {
    display: inline-block;
}

.bom_a_nav .nav_a li {
    margin: 0 10px;
    float: left;
}

.bom_a_nav .nav_a li a {
    padding: 10px 35px;
    color: #fff;
    border: solid rgba(255, 255, 255, 0.5) 1px;
}

.bom_a_nav .nav_a li:hover a {
    background: #fff;
    color: #515151;
}

.bom_a_nav .nav_a li .on {
    background: #fff;
    color: #515151;
}


.banner-pc-m {
    width: 100%;
    display: none;
}

.banner-pc-m .frame {
    height: 576px;
}


@media (max-width: 1024px) {
    .banner-pc-n {
        display: none;
    }

    .banner-pc-m {
        display: block;
    }

    .banner-pc-m .frame {
        height: 100%;
    }

    .bom_a_nav .g_cw {
        padding: 0;
    }

    .bom_a_nav .nav_a {
        margin-bottom: -13px;
        width: 100%;
    }

    .bom_a_nav .nav_a li {
        margin: 0 0 10px 0;
        padding: 0 10px;
        width: 50%;
    }

    .bom_a_nav .nav_a li a {
        width: 100%;
        display: inline-block;
    }
}

@media (max-width: 370px) {
    .bom_a_nav .nav_a li {
        width: 100%;
        float: none;
    }
}


/*about*/
.about {
}

.about .box {
    margin-top: 100px;
    padding: 40px;
    background: url(../static/images/about_ct1.jpg) no-repeat center bottom;
    background-size: cover;
    text-align: center;
}

.about .box .ab_ct {
    margin-top: -120px;
    margin-bottom: 45px;
}

.about .box .mode {
    margin-bottom: 65px;
    padding: 0 180px;
    overflow: hidden;
}

.about .box .mode p {
    font-size: 12px;
    color: #fff;
    line-height: 25px;
}

.about .box .tj {
    padding: 10px 35px;
    background: #fff;
    color: #08c1b2;
    display: inline-block;
}

@media (max-width: 1024px) {
    .about .box .mode {
        padding: 0;
    }
}

@media (max-width: 667px) {
    .about .box {
        padding: 40px 10px;
    }
}

/*about*/
/*about_survey*/
.about_survey {
}

.about_survey .mode {
    padding: 0 50px;
}

.about_survey .mode .pic {
    text-indent: 0;
    text-align: center;
}

.about_survey .mode p {
    margin-top: 10px;
    color: #818080;
    line-height: 30px;
}

@media (max-width: 1024px) {
    .about_survey .mode {
        padding: 0px;
    }
}

/*about_honor*/
.about_honor {
}

.about_honor .lt {
    margin-left: -35px;
}

.about_honor .left {
    float: left;
    width: 61%;
    display: inline-block;
}

.about_honor .left .list {
    width: 100%;
}

.about_honor .left .list li {
    margin-bottom: 35px;
    padding-left: 35px;
    width: 50%;
    font-size: 0;
}

.about_honor .left .list li:nth-child(3n+3) {
    margin-bottom: 0;
}

.about_honor .left .list li:nth-child(3n+4) {
    margin-bottom: 0;
}

.about_honor .left .list li .pic {
    width: 100%;
}

.about_honor .right {
    float: right;
    width: 25%;
    display: inline-block;
    font-size: 0;
}


/*about_course*/
.about_course {
}

.about_course .g_cw {
}

.about_course .cs_bg {
    position: relative;
    width: 100%;
}

.about_course .cs_bg::before { /* this is the vertical line */
    content: '';
    position: absolute;
    left: 50%;
    height: 1100px;
    width: 1px;
    background: #c5c5c5;
}

.about_course .cs_bg .list li {
    width: 100%;
    float: left;
}

.about_course .cs_bg .list li .plate {
    position: relative;
    height: 200px;
    width: 50%;
    float: left;
}

.about_course .cs_bg .list li .plate .left {
    width: 62%;
    position: absolute;
    left: 0;
}

.about_course .cs_bg .list li .plate .left .mode {
    padding: 30px;
    background: #f3f3f3;
    display: inline-block;
    border-radius: 5px;
}

.about_course .cs_bg .list li .plate .left .mode .l1 {
    margin-bottom: 20px;
    font-size: 15px;
    color: #403f3f;
}

.about_course .cs_bg .list li .plate .left .mode .l1 .ico {
    margin-right: 10px;
    vertical-align: bottom;
    width: 25px;
}

.about_course .cs_bg .list li .plate .left .mode .l2 {
    font-size: 12px;
    color: #939393;
    line-height: 25px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.about_course .cs_bg .list li .plate .left .mode a {
    margin-top: 10px;
    font-size: 12px;
    color: #04c0b1;
    float: right;
}


.about_course .cs_bg .list li .plate .right {
    position: absolute;
    right: 20px;
    top: 47%;
    height: 25px;
}

.about_course .cs_bg .list li .plate .right .date {
}

.about_course .cs_bg .list li .plate .right .date .ico {
    margin-top: 5px;
    margin-right: 10px;
    width: 13px;
    vertical-align: middle;
}

.about_course .cs_bg .list li .plate .right .date .ico_a {
    vertical-align: middle;
    display: inline-block;
}

.about_course .cs_bg .list li .plate .right .date .ico_b {
    vertical-align: middle;
    display: inline-block;
    display: none;
}

.about_course .cs_bg .list li .plate .right .date .na {
    float: right;
    font-size: 16px;
    color: #c3c3c3;
    border-bottom: solid #c3c3c3 1px;
    display: inline-block;
    transition: ease .3s;
}


.about_course .cs_bg .list li .plate .point {
    margin-right: -8px;
    position: absolute;
    right: 0;
    top: 50%;
    background: #fff;
    border: solid #c5c5c5 2px;
    border-radius: 50px;
    width: 15px;
    height: 15px;
    transition: ease .3s;
}

.about_course .cs_bg .list li .plate .point .point_a {
    margin: 3px;
    background: #fff;
    border: solid #c5c5c5 2.5px;
    border-radius: 50px;
    transition: ease .3s;
}

.about_course .cs_bg .list li:hover .plate .right .date .ico_a {
    display: none;
}

.about_course .cs_bg .list li:hover .plate .right .date .ico_b {
    display: inline-block;
}

.about_course .cs_bg .list li:hover .plate .right .date .na {
    color: #08c1b2;
    border-bottom: solid #08c1b2 1px;
}

.about_course .cs_bg .list li:hover .plate .point {
    border: solid #08c1b2 2px;
}

.about_course .cs_bg .list li:hover .plate .point_a {
    border: solid #08c1b2 2.5px;
}

.about_course .cs_bg .list li:nth-child(2n+2) .plate {
    float: right;
}

.about_course .cs_bg .list li:nth-child(2n+2) .plate .left {
    left: auto;
    right: 0;
}

.about_course .cs_bg .list li:nth-child(2n+2) .plate .right {
    right: auto;
    left: 20px;
}

.about_course .cs_bg .list li:nth-child(2n+2) .plate .right .date .na {
    float: left;
}

.about_course .cs_bg .list li:nth-child(2n+2) .plate .right .date .ico {
    margin-right: 0;
    margin-left: 10px;
    -webkit-transform: rotate(180deg);
}

.about_course .cs_bg .list li:nth-child(2n+2) .plate .point {
    margin-left: -8px;
    margin-right: 0;
    right: auto;
    left: 0;
}


.about_course .cs_bg .list li .cs_sj {
    text-align: center;
    padding-top: 98px;
}

@media (max-width: 1024px) {

    .about_course .cs_bg::before {
        left: 10%;
    }

    .about_course .cs_bg .list li .plate {
        width: 90%;
    }

    .about_course .cs_bg .list li .plate .left {
        width: 70%;
    }

    .about_course .cs_bg .list li:nth-child(1n+1) .plate {
        float: right;
    }

    .about_course .cs_bg .list li:nth-child(1n+1) .plate .left {
        left: auto;
        right: 0;
    }

    .about_course .cs_bg .list li:nth-child(1n+1) .plate .right {
        right: auto;
        left: 20px;
    }

    .about_course .cs_bg .list li:nth-child(1n+1) .plate .right .date .na {
        float: left;
    }

    .about_course .cs_bg .list li:nth-child(1n+1) .plate .right .date .ico {
        margin-right: 0;
        margin-left: 10px;
        -webkit-transform: rotate(180deg);
    }

    .about_course .cs_bg .list li:nth-child(1n+1) .plate .point {
        margin-left: -8px;
        margin-right: 0;
        right: auto;
        left: 0;
    }

    .about_course .cs_bg .list li .cs_sj {
        padding-left: 8.5%;
        float: left;
    }
}


/*order*/
.order .left {
    width: 50%;
    float: left;
    display: inline-block;
}

.order .p1 {
    margin-bottom: 60px;
    font-size: 20px;
    color: #00bfaf;
    text-align: center;
}

.order .left .btn-numbox {
    overflow: hidden;
    display: inline-block;
}

.order .left .btn-numbox li {
    float: left;
    line-height: 45px;
}

.order .left .btn-numbox li .number, .kucun {
    margin-right: 12px;
    display: inline-block;
    font-size: 13px;
    color: #67676a;
    vertical-align: sub;
}

.order .left .btn-numbox .count {
    margin-right: 20px;
    overflow: hidden;
}

.order .left .btn-numbox .count .num-jian, .input-num, .num-jia {
    display: inline-block;
    padding: 15px;
    text-align: center;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbd8d8;
    line-height: initial;
}

.order .left .btn-numbox .count .input-num {
    width: 85px;
    color: #333;
    border-left: 0;
    border-right: 0;
}

.order .left .btn-numbox .count .num-jian_a, .input-num_a, .num-jia_a {
    display: inline-block;
    padding: 15px;
    text-align: center;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbd8d8;
    line-height: initial;
}

.order .left .btn-numbox .count .input-num_a {
    width: 85px;
    color: #333;
    border-left: 0;
    border-right: 0;
}

.order .left .lt {
    display: inline-block;
    float: left;
}

.order .left .rt {
    display: inline-block;
    float: right;
}

.order .left .message {
    margin-top: 25px;
    clear: both;
    width: 100%;
    display: inline-block;
}

.order .left .message .mg1 {
    margin-bottom: 25px;
    width: 100%;
    display: inline-block;
    line-height: 45px;
}

.order .left .message .mg1 span {
    width: 13%;
    float: left;
    font-size: 13px;
    color: #67676a;
    display: inline-block;
}

.order .left .message .mg1 .input1 {
    width: 87%;
    float: right;
    border: solid #dbd8d8 1px;
    height: 45px;
    display: inline-block;
}

.order .left .message .mg1 .tex1 {
    padding-top: 20px;
    width: 87%;
    float: right;
    border: solid #dbd8d8 1px;
    height: 135px;
    display: inline-block;
}

.order .left .message .btn {
    text-align: center;
}

.order .left .message .btn1 {
    margin: 0 25px;
    padding: 12px 60px;
    color: #fff;
    display: inline-block;
    background: #08c1b2;
    border-radius: 5px;
}

.order .left .message .btn2 {
    margin: 0 25px;
    padding: 12px 60px;
    color: #fff;
    display: inline-block;
    background: #969696;
    border-radius: 5px;
}

.order .right {
    width: 38%;
    float: right;
    display: inline-block;
}

@media (max-width: 1180px) {
    .order .left {
        width: 60%;
    }
}

@media (max-width: 1024px) {
    .order .left .lt {
        width: 50%;
        float: left;
    }

    .order .left .rt {
        width: 50%;
        float: right;
    }

    .order .left .lt .lt_a {
        float: left;
    }

    .order .left .rt .rt_a {
        float: right;
    }

    .order .left {
        width: 100%;
    }

    .order .left .message .mg_lt {
        margin-left: -20px;
    }

    .order .left .message .mg1 {
        padding-left: 20px;
        width: 100%;
        float: left;
    }

    .order .left .message .mg1 span {
        width: auto;
    }

    .order .left .message .mg1 .input1 {
        width: 100%;
        float: left;
    }

    .order .left .message .mg1 .tex1 {
        width: 100%;
        float: left;
    }

    .order .right {
        display: none;
    }
}

@media (max-width: 667px) {
    .order .left .lt {
        width: 100%;
    }

    .order .left .rt {
        width: 100%;
        clear: both;
    }

    .order .left .lt .lt_a {
        margin-bottom: 20px;
        float: none;
    }

    .order .left .rt .rt_a {
        float: none;
    }
}

/*standard*/
.standard {
}

.standard .list li {
    margin-bottom: 45px;
}

.standard .list li p {
    font-size: 14px;
    color: #636363;
    line-height: 30px;
}

/*advantage*/
.advantage {
    margin-top: 230px;
}

.advantage .mode {
    margin-top: 35px;
    padding: 60px 0;
    position: relative;
    width: 100%;
    background: #f9fafb;
}

.advantage .mode .left {
    position: absolute;
    bottom: 0;
    float: left;
}

.advantage .mode .right {
    width: 56%;
    float: right;
}

.advantage .mode .right .list {
    width: 100%;
}

.advantage .mode .right .list li {
    margin-bottom: 70px;
    width: 50%;
}

.advantage .mode .right .list .no {
    margin-bottom: 0;
}

.advantage .mode .right .list li .ico {
    margin-right: 20px;
    background: #00bfaf;
    font-size: 0;
    border-radius: 4px;
    float: left;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
}

.advantage .mode .right .list li .ad_ico {
    vertical-align: middle;
}

.advantage .mode .right .list li .l1 {
    margin-bottom: 10px;
    font-size: 16px;
}

.advantage .mode .right .list li .l2 {
    font-size: 12px;
    color: #454549;
}

@media (max-width: 1024px) {
    .advantage {
        margin-top: 130px;
    }

    .advantage .mode .left {
        width: 30%;
    }

    .advantage .mode .right {
        width: 65%;
    }
}

@media (max-width: 860px) {
    .advantage .mode .left {
        display: none;
    }

    .advantage .mode .right {
        width: 100%;
    }

    .advantage .mode .right .list li {
        text-align: center;
    }

    .advantage .mode .right .list li:nth-child(3) {
        clear: both;
    }

    .advantage .mode .right .list li .ico {
        margin-bottom: 20px;
        float: none;
        margin-right: 0;
        display: inline-block;
    }
}

@media (max-width: 440px) {
    .advantage .mode .right .list li {
        margin-bottom: 60px;
        width: 100%;
        float: none;
        text-align: left;
    }

    .advantage .mode .right .list .no {
        margin-bottom: 60px;
    }

    .advantage .mode .right .list li .ico {
        margin-right: 20px;
        float: left;
    }
}


/*advantage_a*/
.advantage_a {
}

.advantage_a .list {
}

.advantage_a .list li {
    border-right: solid #e5e6ea 1px;
    width: 25%;
    text-align: center;
}

.advantage_a .list li:nth-child(4n+4) {
    border-right: none;
}

.advantage_a .list li p {
    font-size: 12px;
    color: #7c7c7e;
}

.advantage_a .list li .l1 {
    margin-bottom: 15px;
    vertical-align: middle;
    line-height: 30px;
}

.advantage_a .list li .pic {
    margin-right: 10px;
    vertical-align: middle;
    width: 35px;
}

.advantage_a .list li em {
    padding: 5 0px;
    vertical-align: middle;
    font-size: 24px;
    color: #575757;
}

@media (max-width: 1024px) {
    .advantage_a .list li {
        margin-bottom: 40px;
        width: 50%;
    }

    .advantage_a .list li:nth-child(2) {
        border-right: none;
    }
}


@media (max-width: 520px) {
    .advantage_a .list li {
        margin-bottom: 50px;
        width: 100%;
    }

    .advantage_a .list li:nth-child(2n+1) {
        border-right: none;
    }

    .advantage_a .list li:nth-child(3n+4) {
        margin-bottom: 0;
    }
}


/*copyright*/
.copyright {
    padding: 35px 0;
    background: #f9fafb;
    overflow: hidden;
}

.copyright .cooperation {
    padding-bottom: 25px;
    border-bottom: solid #e5e6ea 1px;
    display: inline-block;
    width: 100%;
}

.copyright .cooperation .list {
}

.copyright .cooperation .list li {
    margin-right: 15px;
}

.copyright .cooperation .list li p {
    color: #656669;
    font-size: 12px;
}

.copyright .cooperation .list li .l1 {
    color: #08c1b2;
}

@media (max-width: 830px) {
    .copyright .cooperation .list li {
        margin-bottom: 10px;
    }

    .copyright .cooperation .list .hn {
        height: 50px;
    }
}

.copyright .bom {
    margin-top: 30px;
}

.copyright .bom .left {
    float: left;
}

.copyright .bom .left .nav_a {
    display: inline-block;
}

.copyright .bom .left .nav_a li {
    margin-right: 10px;
    padding-right: 10px;
    float: left;
    display: inline-block;
    box-sizing: border-box;
    border-right: solid #c6c7c8 1px;
}

.copyright .bom .left .nav_a .no {
    border-right: none;
}

.copyright .bom .left .nav_a li a {
    font-size: 12px;
    color: #656669;
}

.copyright .bom .left .nav_a li a:hover {
    color: #08c1b2;
}

.copyright .bom .left .cp1 {
    margin-top: 15px;
    font-size: 12px;
    color: #a9abaf;
}

.copyright .bom .right {
    float: right;
}

.copyright .bom .right p {
    font-size: 12px;
    color: #a9abaf;
}

.copyright .bom .right b {
    margin-top: 14px;
    font-size: 20px;
    color: #00bfaf;
    display: block;
}

.copyright .bom .no_a {
    display: none;
}

@media (max-width: 667px) {
    .copyright .bom {
        text-align: center;
    }

    .copyright .bom .left {
        float: none;
    }

    .copyright .bom .right {
        display: none;
    }

    .copyright .bom .no_a {
        margin-bottom: 20px;
        display: inline-block;
        float: none;
        text-align: center;
    }

    .copyright .bom .left .cp1 {
        margin-top: 10px;
    }
}

@media (max-width: 470px) {
    .copyright .bom .left .nav_a {
        text-align: center;
        width: 100%;
    }

    .copyright .bom .left .nav_a li {
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 10px;
        float: left;
        border-right: none;
        width: 16.66%;
    }

    .copyright .bom .left .cp1 {
        margin-top: 0;
    }
}

@media (max-width: 380px) {
    .copyright .bom .left .nav_a li {
        width: 33.33%;
    }
}


/*contact*/
/*consult*/
.consult .p1 {
    margin-bottom: 20px;
    color: #696969;
}

.consult .mode {
    margin-top: 70px;
}

.consult .mode .left {
    padding: 0 70px;
    width: 60%;
    display: inline-block;
    float: left;
}

.consult .mode .left .l1 {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.consult .mode .left .l1 .input1 {
    padding: 15px 0 15px 15px;
    border: solid #d2d2d2 1px;
    width: 100%;
}

.consult .mode .left .l1 .tex1 {
    padding: 15px;
    width: 100%;
    height: 150px;
}

.consult .mode .left .btn {
    margin-top: 30px;
    text-align: center;
}

.consult .mode .left .btn .btn1 {
    margin: 0 25px;
    padding: 10px 40px;
    color: #fff;
    background: #08c1b2;
    border-radius: 8px;
}

.consult .mode .right {
    width: 40%;
    display: inline-block;
    float: right;
    text-align: center;
}

@media (max-width: 830px) {
    .consult .mode .left {
        width: 100%;
        float: none;
    }

    .consult .mode .left {
        padding: 0px;
    }

    .consult .mode .right {
        display: none;
    }
}

/*recruit*/
.recruit {
}

.recruit .mode {
}

.recruit .mode .p1 {
    margin-bottom: 20px;
    color: #818181;
    line-height: 25px;
    text-indent: 2em;
}

.recruit .mode .no {
    margin-bottom: 0;
}

.recruit .mode .pic {
    margin: 45px 0;
    width: 100%;
}

.recruit .rr_form {
}

.recruit .rr_form table {
    width: 100%;
}

.recruit .rr_form table tbody {
}

.recruit .rr_form table tbody > tr > th {
    padding: 15px 0;
    width: 25%;
    text-align: center;
    border-bottom: solid #08c1b2 3px;
    background: #fafbfc;
}

.recruit .rr_form table tbody > tr > td {
    padding: 15px 0;
    width: 25%;
    text-align: center;
}

.recruit .rr_form table tbody > tr > .td1 {
    padding: 14px 0;
    width: 25%;
    text-align: center;
    border-bottom: solid #f2f2f2 1px;
    border-top: solid #f2f2f2 1px;
    background: #fafbfc;
}

.recruit .rr_form table tbody > tr > td:hover a {
    color: #08c1b2;
    border-bottom: solid #08c1b2 1px;
    transition: ease .3s;
}


/*method*/
.method .map {
    border: solid #e6e6e6 1px;
    font-size: 0;
}

.method .mode {
    margin: 25px 0;
}

.method .mode .left {
    float: left;
}

.method .mode .left > table > tbody > tr {
    color: #6d6d6d;
}

.method .mode .right {
    float: right;
}

.method .mode .right .pic {
    width: 135px;
}

@media (max-width: 667px) {
    .method .mode .left {
        width: 100%;
        float: none;
    }

    .method .mode .right {
        margin-top: 30px;
        width: 100%;
        float: none;
        text-align: center;
    }
}

/*activity*/

/*member*/
.member {
    margin-top: 70px;
}

.member .mb_pic {
    text-align: center;
}

/*-----------------------------分页 start--------------------------------*/
.next1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}

.next1 ul {
    display: inline-block;
}

.next1 ul li {
    display: inline-block;
}

.next1 a {
    display: inline-block;
    border: 1px solid #ebebeb;
    color: #999;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 4px;
    overflow: hidden;
}

.next1 a.on1, .next1 a:hover {
    background: #08c1b2;
    color: #fff;
    border: 1px solid #08c1b2;
}

/*--------------------分页 end----------------------*/

@media (max-width: 767px) {
    .link {
        display: none;
    }
}

.link {
    border: 1px solid #ebebeb;
    padding: 10px 15px;
}

.link li {
    color: #999;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}

.link li a {
    color: #999;
    font-size: 14px;
}

.link li a:hover {
    color: #f1453b;
}
